<nz-spin [nzSpinning]="isSpinning">
  <form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm($event)">
    <div nz-form-item nz-row>
      <div nz-form-label nz-col [nzSpan]="6">
        <label nz-form-item-required for="pdName">计划名称</label>
      </div>
      <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback [nzValidateStatus]="getFormControl('pdName')">
        <nz-input [nzSize]="'large'" formControlName="pdName" [nzPlaceHolder]="'计划名称'" [nzType]="'pdName'" [nzId]="'pdName'"
          [(ngModel)]="planDictBean.pdName"></nz-input>
        <div nz-form-explain *ngIf="getFormControl('pdName').dirty&&getFormControl('pdName').hasError('required')">计划名称不能为空!</div>
      </div>
    </div>

    <div nz-form-item nz-row>
      <div nz-form-label nz-col [nzSpan]="6">
        <label nz-form-item-required for="pdType">计划类型</label>
      </div>
      <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback [nzValidateStatus]="getFormControl('pdType')">
        <nz-select nzAllowClear [nzPlaceHolder]="'请选择'" [nzShowSearch]="true" formControlName="pdType" [nzSize]="'large'"
          [(ngModel)]="planDictBean.pdType" name="pdType">
          <nz-option *ngFor="let item of config.planTypeList" [nzLabel]="item.label" [nzValue]="item.value"></nz-option>
        </nz-select>
        <div nz-form-explain *ngIf="getFormControl('pdType').dirty&&getFormControl('pdType').hasError('required')">计划类型不能为空!</div>
      </div>
    </div>

    <div nz-form-item nz-row>
      <div nz-form-label nz-col [nzSpan]="6">
        <label nz-form-item-required for="pPartyName">制定单位</label>
      </div>
      <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback [nzValidateStatus]="getFormControl('pPartyName')">
        <nz-input [nzSize]="'large'" [nzDisabled]="true" formControlName="pPartyName" [nzPlaceHolder]="'请输入制定单位'"
          [nzType]="'pPartyName'" [nzId]="'pPartyName'" [(ngModel)]="planDictBean.pPartyName"></nz-input>
        <div nz-form-explain *ngIf="getFormControl('pPartyName').dirty&&getFormControl('pPartyName').hasError('required')">制定单位不能为空!</div>
      </div>
    </div>

    <div nz-form-item nz-row>
      <div nz-form-label nz-col [nzSpan]="6">
        <label for="pUserName" nz-form-item-required>负责人</label>
      </div>
      <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback [nzValidateStatus]="getFormControl('pUserName')">
        <nz-input [nzSize]="'large'" formControlName="pUserName" [nzPlaceHolder]="'请输入负责人姓名'" [nzType]="'pUserName'"
          [nzId]="'pUserName'" [(ngModel)]="planDictBean.pUserName"></nz-input>
        <div nz-form-explain *ngIf="getFormControl('pUserName').dirty&&getFormControl('pUserName').hasError('required')">负责人不能为空!</div>
      </div>
    </div>

    <div nz-form-item nz-row>
      <div nz-form-label nz-col [nzSpan]="6">
        <label nz-form-item-required for="time">实施时间</label>
      </div>
      <div nz-form-control nz-col [nzSpan]="18" nzHasFeedback>
        <nz-datepicker formControlName="pStartDt" [nzSize]="'large'" [nzFormat]="'YYYY-MM-DD'" [(ngModel)]="planDictBean.pStartDt"
          name="pStartDt" [nzPlaceHolder]="'开始日期'"></nz-datepicker>
        至
        <nz-datepicker formControlName="pEndDt" [nzSize]="'large'" [nzFormat]="'YYYY-MM-DD'" [(ngModel)]="planDictBean.pEndDt"
          name="pEndDt" [nzPlaceHolder]="'结束日期'"></nz-datepicker>
      </div>
    </div>

    <div nz-form-item nz-row style="margin-bottom:8px;">
      <div nz-form-control nz-col [nzSpan]="14" [nzOffset]="10">
        <button nz-button [nzSize]="'large'" [nzType]="'primary'">添加</button>
      </div>
    </div>
  </form>
</nz-spin>
